@charset "utf-8";
@import "common/common";
.active .logoa {
    animation-name: rotateIn;
}

.active .tuoyuan {
    animation-name: lightSpeedIn;
    animation-delay: 100ms;
}

.active .ceshi h4 {
    animation-name: lightSpeedIn;
    animation-delay: 150ms;
}

.active .ceshi h5 {
    animation-name: lightSpeedIn;
    animation-delay: 200ms;
}

.active .pinjia h6 {
    animation-name: bounceInLeft;
    animation-delay: 250ms;
}

.active .pinjia h3 {
    animation-name: bounceInLeft;
    animation-delay: 300ms;
}

.active .bottom_weibu h5 {
    animation-name: bounceInUp;
    animation-delay: 350ms;
}

.active .bottom_weibu input {
    animation-name: bounceInUp;
    animation-delay: 400ms;
}

.active .alianjie {
    a:nth-of-type(1) {
        animation-name: bounceInUp;
        animation-delay: 450ms;
    }
    a:nth-of-type(2) {
        animation-name: bounceInUp;
        animation-delay: 500ms;
    }
}

.da {
    background: url(../images/内页1.jpg) no-repeat;
    background-size: 100% 100%;
    width: 100%;
    height: 100%;
    position: relative;
    .logoa {
        padding: n(44px) 0 0 n(44px);
        width: 20%;
        img {
            width: 100%;
        }
    }
    .tuoyuan_box {
        position: relative;
        .tuoyuan {
            text-align: center;
//          margin-top: n(53px);
          width: 30%;
          margin: 0 auto;
            img {
                width: 100%;
            }
        }
        .ceshi {
            text-align: center;
            h4 {
                margin-top: n(14px);
                font-size: n(30px);
                color: white;
                span {
                    color: #fff000;
                }
            }
            h5 {
                margin-top: n(27px);
                font-size: n(30px);
                color: white;
            }
        }
        .pinjia {
            font-size: n(30px);
            margin-top:3%;
            padding-left: 4%;
            color: #d5d5d5;
        }
    }
    .bottom_middel {
        position: relative;
        ul {
            line-height: n(40px);
            li {
                height: n(40px);
                vertical-align: middle;
                font-size: n(24px);
                border-radius: 20px;
                text-align: center;
                &:nth-of-type(1) {
                    position: absolute;
                    left: 40px;
                    top: 16px;
                    background: #5b6f79;
                    width: 24%;
                }
                &:nth-of-type(2) {
                    position: absolute;
                    left: 125px;
                    top: 40px;
                    background: #a1b15f;
                    width: 28%;
                }
                &:nth-of-type(3) {
                    position: absolute;
                    right: 64px;
                    top: 0px;
                    background: #bccbd9;
                    width: 28%;
                }
                &:nth-of-type(4) {
                    position: absolute;
                    right: 34px;
                    top: 68px;
                    background: #c3c126;
                    width: 32%;
                }
            }
        }
    }
    .b_bottom {
        width: 68%;
        position: absolute;
        //     bottom: 60px;
        bottom: 3%;
        left: 50%;
        transform: translateX(-50%);
        //     left: 74px;
        //left: 14%;
        .bottom_weibu {
            text-align: center;
            h5 {
                font-size: n(21px);
                color: white;
            }
            input {
                margin-top: n(19px);
                width: 90%;
                height: n(100px);
                background: none;
            }
        }
        .alianjie {
            text-align: center;
            margin-top: n(20px);
            a {
                text-align: center;
                display: inline-block;
                width: 48%;
                height: n(47px);
                background: #FFF000;
                border-radius: n(23.5px);
                color: #000000;
            }
        }
    }
}